<!DOCTYPE html>
<html class="loading" lang="en" data-textdirection="ltr">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
  <meta name="author" content="PIXINVENT">
  <title>企业人事管理</title>
  <link rel="stylesheet" type="text/css" href="app-assets/css/vendors.css">
  <link rel="stylesheet" type="text/css" href="app-assets/css/vertical-menu.css">
  <link rel="stylesheet" type="text/css" href="app-assets/css/bootstrap-extended.css">
</head>

<body class="vertical-layout vertical-menu 2-columns   menu-expanded fixed-navbar" data-open="click"
  data-menu="vertical-menu" data-col="2-columns">
  <!-- fixed-top-->
  <nav class="header-navbar navbar-expand-md navbar navbar-with-menu fixed-top navbar-semi-dark navbar-shadow">
    <div class="navbar-wrapper">
      <div class="navbar-header">
        <ul class="nav navbar-nav flex-row">
          <li class="nav-item mobile-menu d-md-none mr-auto"><a class="nav-link nav-menu-main menu-toggle hidden-xs"
              href="#"><i class="ft-menu font-large-1"></i></a></li>
          <li class="nav-item"> <a class="navbar-brand" href="index.html"> <img class="brand-logo"
                alt="stack admin logo" src="app-assets/images/stack-logo-light.png">
              <h2 class="brand-text">企业人事管理</h2>
            </a> </li>
          <li class="nav-item d-md-none"> <a class="nav-link open-navbar-container" data-toggle="collapse"
              data-target="#navbar-mobile"><i class="fa fa-ellipsis-v"></i></a> </li>
        </ul>
      </div>
      <div class="navbar-container content">
        <div class="collapse navbar-collapse" id="navbar-mobile">
          <ul class="nav navbar-nav mr-auto float-left">
            <li class="nav-item d-none d-md-block"><a class="nav-link nav-menu-main menu-toggle hidden-xs" href="#"><i
                  class="ft-menu"></i></a></li>
          </ul>
          <ul class="nav navbar-nav float-right">
            <li class="dropdown dropdown-notification nav-item"> <a class="nav-link nav-link-label"
                href="date/index.html" target="_blank"><i class="fa fa-line-chart"></i> 年度报表 </a> </li>
            <li class="dropdown dropdown-notification nav-item"> <a class="nav-link nav-link-label" href="#"><i
                  class="fa fa-user-o"></i> 访问代理商后台 </a> </li>
            <li class="dropdown dropdown-notification nav-item"> <a class="nav-link nav-link-label" href="#"
                target="_blank"><i class="fa fa-qrcode"></i> 微信公众号 </a> </li>
            <li class="dropdown dropdown-user nav-item"> <a class="dropdown-toggle nav-link dropdown-user-link" href="#"
                data-toggle="dropdown"> <span class="avatar avatar-online"> <img src="app-assets/images/head.jpg"
                    alt="avatar"></span> <span class="user-name">欢迎您超级管理员</span> </a> </li>
          </ul>
        </div>
      </div>
    </div>
  </nav>
  <div class="main-menu menu-fixed menu-dark menu-accordion menu-shadow" data-scroll-to-active="true">
    <div class="main-menu-content">
      <ul class="navigation navigation-main" id="main-menu-navigation" data-menu="menu-navigation">
        <li class=" nav-item only open"><a href="控制面板.html" target="iframe1"><i class="fa fa-dashboard"></i><span
              class="menu-title">控制面板</span></a></li>

        <li class=" nav-item"><a target="iframe1"><i class="fa fa-desktop"></i><span class="menu-title">员工管理</span></a>
          <ul class="menu-content">
            <li><a class="menu-item" href="员工信息查询与变更.html" target="iframe1">员工信息查询与变更</a></li>
            <li><a class="menu-item" href="https://app.frosmart.com/home/device/map" target="iframe1">设备地图</a></li>

          </ul>
        </li>
        <li class=" nav-item"><a target="iframe1"><i class="fa fa-folder-open"></i><span
              class="menu-title">部门管理</span></a>
          <ul class="menu-content">
            <li><a class="menu-item" href="部门信息查询与变更.html" target="iframe1">部门信息查询与变更</a></li>
          </ul>
        </li>

        <li class=" nav-item"><a href="营销策略.html" target="iframe1"><i class="fa fa-book"></i><span
              class="menu-title">招聘管理</span></a>
          <ul class="menu-content">
            <li><a class="menu-item" href="招聘计划.html" target="iframe1">招聘计划</a></li>
            <li><a class="menu-item" href="实施中.html" target="iframe1">实施中</a></li>
            <li><a class="menu-item" href="已完成.html" target="iframe1">已完成</a></li>
          </ul>
        </li>

        <li class=" nav-item"><a href="会员管理.html" target="iframe1"><i class="fa fa-users"></i><span
              class="menu-title">薪资管理</span></a>
          <ul class="menu-content">
            <li><a class="menu-item" href="基本工资.html" target="iframe1">基本工资</a></li>
            <li><a class="menu-item" href="奖惩金额.html" target="iframe1">奖惩金额</a></li>
            <li><a class="menu-item" href="加班费用.html" target="iframe1">加班费用</a></li>
            <li><a class="menu-item" href="薪资报表.html" target="iframe1">薪资报表</a></li>
          </ul>
        </li>

        <li class=" nav-item"><a href="考勤管理.html" target="iframe1"><i class="fa fa-folder-open"></i><span
          class="menu-title">考勤管理</span></a>
          <ul class="menu-content">
                <li><a class="menu-item" href="考勤审批.html" target="iframe1">考勤审批</a></li>
                <li><a class="menu-item" href="考勤管理.html" target="iframe1">考勤管理</a></li>
              </ul>
          </li>
          <li class=" nav-item"><a href="请假管理.html" target="iframe1"><i class="fa fa-users"></i><span
                class="menu-title">请假管理</span></a>
            <ul class="menu-content">
              <li><a class="menu-item" href="请假申请管理.html" target="iframe1">请假申请管理</a></li>
            </ul>
          </li>
          

          <li class=" nav-item"><a href="系统管理.html" target="iframe1"><i class="fa fa-user-secret"></i><span
                class="menu-title">系统管理</span></a>
            <ul class="menu-content">
              <li><a class="menu-item" href="系统用户管理.html" target="iframe1">系统用户管理</a></li>
            </ul>
          </li>
          
          <li class=" nav-item"><a href="合同管理.html"><i class="fa fa-tasks"></i><span class="menu-title">合同管理</span></a>
            <ul class="menu-content">
              <li><a class="menu-item" href="员工合同.html" target="iframe1">员工合同</a></li>
            </ul>
          </li>
          
          <li class=" nav-item"><a target="iframe1"><i class="fa fa-book"></i><span class="menu-title">岗位管理</span></a>
            <ul class="menu-content">
              <li><a class="menu-item" href="岗位信息查询与变更.html" target="iframe1">岗位信息查询与变更</a></li>
            </ul>
          </li>
          
          <li class=" nav-item"><a href="公告管理.html" target="iframe1"><i class="fa fa-folder-open"></i><span
                class="menu-title">公告管理</span></a>
            <ul class="menu-content">
              <li><a class="menu-item" href="系统公告.html" target="iframe1">系统公告</a></li>
            </ul>
          </li>
          
  
          <li class=" nav-item"><a href="培训管理.html" target="iframe1"><i class="fa fa-pie-chart"></i><span class="menu-title">培训管理
              </span></a>
            <ul class="menu-content">
              <li><a class="menu-item" href="培训开始时间.html" target="iframe1">培训开始时间</a></li>
              <li><a class="menu-item" href="培训结束时间.html" target="iframe1">培训结束时间</a></li>
              <li><a class="menu-item" href="培训负责人.html" target="iframe1">培训负责人</a></li>
          
            </ul>
          </li>
          <li class=" nav-item only"><a href="日志信息.html" target="iframe1"><i class="fa fa-file-text"></i><span
                class="menu-title">日志信息</span></a></li>
          
          </ul>
          </div>
          </div>
          <div class="app-content content">
            <iframe src="控制面板.html" frameborder="0" class="iframe1" name="iframe1"></iframe>
          </div>
          <footer class="footer footer-static footer-light navbar-border">
            <p class="clearfix blue-grey lighten-2 text-sm-center mb-0 px-2"> <span
                class="float-md-left d-block d-md-inline-block">Copyright &copy; 2018 <a class="text-bold-800 grey darken-2"
                  href="#">派智自助售货机 </a></span> </p>
          </footer>
          <script src="app-assets/js/vendors.min.js" type="text/javascript"></script>
          <script src="app-assets/js/app-menu.js" type="text/javascript"></script>
          <script src="app-assets/js/app.js" type="text/javascript"></script>
          <script src="app-assets/js/echarts.min.js" type="text/javascript"></script>
          <script>
            $(document).ready(function () {
              $(".nav-item ").click(function () {
                $(".nav-item ").removeClass("active")
                $(this).addClass("active")

              })
            })

            $(function () {
              setTimeout(function () {
                echarts_1();
                echarts_2();
              }, 500);


              function echarts_1() {
                var myChart = echarts.init(document.getElementById('echart1'));

                option = {
                  tooltip: {
                    trigger: 'axis',
                    axisPointer: {
                      lineStyle: {
                        color: '#57617B'
                      }
                    }
                  },
                  "legend": {

                    "data": [
                      { "name": "数量" },
                      { "name": "金额" },
                    ],
                    "top": "0%",
                    "textStyle": {
                      "color": "#666"//图例文字
                    }
                  },

                  "xAxis": [
                    {
                      "type": "category",
                      boundaryGap: false,//
                      data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
                      axisLine: { lineStyle: { color: "#eee" } },
                      axisLabel: {
                        textStyle: { color: "r#666", fontSize: '14', },
                      },

                    },
                  ],
                  "yAxis": [
                    {
                      "type": "value",
                      "name": "数量「单」",
                      "nameTextStyle": { color: '#666', },
                      "min": 0,
                      //  "max": 15,
                      //"interval": 5,
                      //splitNumber:3,
                      "axisLabel": {
                        "show": true,

                      },
                      axisLine: { lineStyle: { color: '#eee' } },//左线色
                      axisLabel: { textStyle: { color: '#666' } },
                      splitLine: { show: false, lineStyle: { color: "#eee" } },//x轴线
                    },
                    {
                      "min": 0,
                      // "max": 15,
                      "type": "value",
                      "name": "金额「元」",
                      //  splitNumber:3,
                      "nameTextStyle": { color: '#666', },
                      "show": true,
                      "axisLabel": {
                        "show": true,

                      },
                      axisLine: { lineStyle: { color: '#ddd' } },//右线色
                      splitLine: { show: true, lineStyle: { color: "#eee" } },//x轴线
                      axisLabel: { textStyle: { color: '#666' } },
                    },
                  ],
                  "grid": {
                    "top": "10%",
                    "right": "30",
                    "bottom": "30",
                    "left": "30",
                  },
                  "series": [
                    {
                      "name": "数量",
                      type: 'line',
                      smooth: true,
                      symbol: 'circle',
                      symbolSize: 5,
                      showSymbol: false,
                      lineStyle: {
                        normal: {
                          color: 'rgba(0,0,0,.0)',
                          width: 0
                        }
                      },
                      areaStyle: {
                        normal: {
                          color: 'rgba(255,106,125,.5)',

                        }
                      },
                      itemStyle: {
                        normal: {
                          color: 'rgba(255,106,125,.5)',
                        }
                      },
                      "data": [1, 3, 2, 9, 3, 8, 4, 6, 2, 7, 2, 4],

                    },

                    {
                      "name": "金额",
                      "type": "line",
                      "yAxisIndex": 1,
                      smooth: true,
                      symbol: 'circle',
                      symbolSize: 5,
                      showSymbol: false,
                      "data": [4, 3, 5, 3, 11, 4, 7, 3, 4, 2, 7, 3],
                      lineStyle: {
                        normal: {
                          color: 'rgba(0,0,0,.0)',
                          width: 0
                        }
                      },
                      areaStyle: {
                        normal: {
                          color: "rgba(255,158,114,.5)"
                        }
                      },
                      "itemStyle": {
                        "normal": {
                          color: "rgba(255,158,114,.5)"

                        }
                      },

                    }
                  ]
                };


                // 使用刚指定的配置项和数据显示图表。
                myChart.setOption(option);
                window.addEventListener("resize", function () {
                  myChart.resize();
                });
              }
              function echarts_2() {
                var myChart = echarts.init(document.getElementById('echart2'));

                option = {
                  tooltip: {
                    trigger: 'axis',
                    axisPointer: {
                      lineStyle: {
                        color: '#57617B'
                      }
                    }
                  },
                  "legend": {

                    "data": [
                      { "name": "数量" },
                      { "name": "金额" },
                    ],
                    "top": "0%",
                    "textStyle": {
                      "color": "#666"//图例文字
                    }
                  },

                  "xAxis": [
                    {
                      "type": "category",
                      boundaryGap: false,//
                      data: ['星期一', '星期二', '星期三', '星期四', '星期五', '星期六', '星期日'],
                      axisLine: { lineStyle: { color: "#eee" } },
                      axisLabel: {
                        textStyle: { color: "r#666", fontSize: '14', },
                      },

                    },
                  ],
                  "yAxis": [
                    {
                      "type": "value",
                      "name": "数量「单」",
                      "nameTextStyle": { color: '#666', },
                      "min": 0,
                      //  "max": 15,
                      //"interval": 5,
                      //splitNumber:3,
                      "axisLabel": {
                        "show": true,

                      },
                      axisLine: { lineStyle: { color: '#eee' } },//左线色
                      axisLabel: { textStyle: { color: '#666' } },
                      splitLine: { show: false, lineStyle: { color: "#eee" } },//x轴线
                    },
                    {
                      "min": 0,
                      // "max": 15,
                      "type": "value",
                      "name": "金额「元」",
                      //  splitNumber:3,
                      "nameTextStyle": { color: '#666', },
                      "show": true,
                      "axisLabel": {
                        "show": true,

                      },
                      axisLine: { lineStyle: { color: '#ddd' } },//右线色
                      splitLine: { show: true, lineStyle: { color: "#eee" } },//x轴线
                      axisLabel: { textStyle: { color: '#666' } },
                    },
                  ],
                  "grid": {
                    "top": "10%",
                    "right": "30",
                    "bottom": "30",
                    "left": "30",
                  },
                  "series": [
                    {
                      "name": "数量",
                      type: 'line',
                      smooth: true,
                      symbol: 'circle',
                      symbolSize: 5,
                      showSymbol: false,
                      lineStyle: {
                        normal: {
                          color: 'rgba(0,0,0,.0)',
                          width: 0
                        }
                      },
                      areaStyle: {
                        normal: {
                          color: 'rgba(255,106,125,.5)',

                        }
                      },
                      itemStyle: {
                        normal: {
                          color: 'rgba(255,106,125,.5)',
                        }
                      },
                      "data": [1, 3, 2, 9, 4, 5, 3],

                    },

                    {
                      "name": "金额",

                      "type": "line",
                      "yAxisIndex": 1,
                      smooth: true,
                      symbol: 'circle',
                      symbolSize: 5,
                      showSymbol: false,
                      "data": [4, 1, 5, 3, 8, 2, 3],
                      lineStyle: {
                        normal: {
                          color: 'rgba(0,0,0,.0)',
                          width: 0
                        }
                      },
                      areaStyle: {
                        normal: {
                          color: "rgba(255,158,114,.5)"
                        }
                      },
                      "itemStyle": {
                        "normal": {
                          color: "rgba(255,158,114,.5)"

                        }
                      },

                    }
                  ]
                };


                // 使用刚指定的配置项和数据显示图表。
                myChart.setOption(option);
                window.addEventListener("resize", function () {
                  myChart.resize();
                });
              }
            })

          </script>
          <div
            style="text-align: center; position: fixed; bottom: 0; width: 100%; line-height: 150%; background: #f5f5f5; border-top: 1px solid #ddd; z-index:10000; font-size: 12px;">
            本素材由源代码设计店铺收集整理，<a style="color:blue" target="_blank" href="http://test.160.jingan8.cn/">点此购买合集</a>
          </div>
          </body>
          
          </html>